<template>
	<div class="activeBadge">
		<h3>Badge 标记</h3>
		<div class="badge1">
			<h4>基础用法</h4>
			<el-badge :value="12">
				<el-button size="mini">评论</el-button>
			</el-badge>
			<el-badge :value="1">
				<el-button size="mini">回复</el-button>
			</el-badge>
			<el-dropdown trigger="click">
				<span class="el-dropdown-link">
				    点我查看<i class="el-icon-caret-bottom el-icon--right"></i>
				</span>
				<el-dropdown-menu slot="dropdown">
					<el-dropdown-item class="clearfix">
						评论
						<el-badge class="mark" :value="12" />
					</el-dropdown-item>
					<el-dropdown-item class="clearfix">
						回复
						<el-badge class="mark" :value="3" />
					</el-dropdown-item>
				</el-dropdown-menu>
			</el-dropdown>
		</div>
		<div class="badge2">
			<h3>小红点-isdot</h3>
			<el-badge is-dot>数据查询</el-badge>
			<el-badge is-dot>
				<el-button class="share-button" icon="el-icon-share" type="primary"></el-button>
			</el-badge>
		</div>
	</div>
</template>

<script>
</script>

<style>
	.item {
		margin-top: 10px;
		margin-right: 40px;
	}
	.el-badge{
		margin: 0 10px;
	}
</style>